import React from 'react';
import { } from '@ant-design/icons';
import { } from 'antd';
import './OrderComponent.css'
import { useNavigate } from 'react-router-dom';

const OderHelpComponent = ({cost,id}) => {
    const navigate = useNavigate();
    const gotoOrder = () => {
        navigate('/order/pay/'+id);
    };

    return (
        <div className="fixed-component-order">
            <span style={{fontSize: '16px' }}>实付款&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
            <span style={{fontSize: '22px', color:'#FB5B40'}}>￥{cost}</span>
            <button className="gradient-button-order" onClick={gotoOrder}>提交订单</button>
        </div>
    )
};

export default OderHelpComponent;